<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>注册一个使元素自动获取焦点的自定义指令</title>
  <script src="vue.js"></script>
</head>
<body>
<div id="app">
  <input type="text" v-focus>
</div>
<script>
  // 注册一个全局自定义指令 `v-focus`
  Vue.directive('focus', {
    // 当被绑定的元素插入到 DOM 中时……
    inserted: function (el) {
      // 聚焦元素
      el.focus()
    }
  })
  var vm = new Vue({ el: '#app' })
</script>
</body>
</html>